<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/teachstudy/seach.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<div class="main_seach">
				<div class="seach_inp">
					<div class="mui-icon mui-icon-search "></div>
					<input type="text" class="seach_val" placeholder="请输入书籍全称" />
				</div>
				<div class="seach_buttom" style="width:20px;"></div>
			</div>
		</header>
		<div id="offCanvasContentScroll" class="mui-content main mui-scroll-wrapper">
			<div class="mui-scroll">

				<div>
					<div class="mainclass" :bookid="books.bookId" :bookuid="books.bookUid" v-for="(books,index) in booksl">
						<div class="format"><img :src="books.bookPic" /></div>
						<div class="detailed">
							<div class="title">
								<div class="title_name" v-cloak>{{books.bookName}}</div>
								<div class="type" v-cloak>{{books.categoryName}}</div>
							</div>
							<div class="data">
								<div v-cloak>{{books.grade}}</div>
								<div v-cloak>{{books.readCount}}人在阅读</div>
							</div>
							<div class="operation">

								<div class="scoring" v-for="n in pingfen[index]"></div>
								<div class="scoring_two" v-if="trues[index]"></div>

								<div v-for="n in 5-pingfen[index]"></div>

								<span class="score" v-cloak>{{books.mark}}分</span>
								<button type="button" class="mui-btn mui-btn-success mui-btn-outlined added" v-if="books.hasAdd">已添加</button>
								<button type="button" class="mui-btn mui-btn-success mui-btn-outlined add" v-else>添加</button>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/teachstudy/searchdetails.js"></script>
	</body>

</html>